<template>
    <div id="aboutus">
        <div class="linebox">
            <span v-show="lang=='zh'" class="txt">客服电话</span>
            <span v-show="lang=='en'" class="txt">Service</span>
            <span  class="kefu">{{phone}}</span>
        </div>
        <div class="linebox" @click="gotoUserAgreement">
            <span v-show="lang=='zh'" class="txt">服务协议和隐私政策</span>
            <span v-show="lang=='en'" class="txt">Service agreement and privacy policy</span>
            <img src="http://img.xianyufanshen.net//my/jiantou_gerenzhongxin@2x.png" alt="转到">
        </div>
    </div>
</template>
<script>
export default {
    name:'aboutus',
    //声明组件
    components:{

    },
    data (){
        return{
            lang:'zh',
            phone:'021-8888888',
        }
    },
    //实例创建完成后被立即调用
    created (){
        //获取语言环境
    	this.getLang();
    },
    //监听
    watch:{

    },
    //计算属性
    computed:{

    },
    //
    methods:{
        //获取语言环境
    	getLang(){
            if(this.$route.query.lang){
    			this.lang = this.$route.query.lang;
    		}
        },
        gotoUserAgreement(){
            let para = {};
            let title = '';
            if(this.lang == 'zh')
                title="服务协议和隐私政策";
            else
                title="Service agreement and privacy policy";
            para.title = title;
            para.url = "/userAgreement?lang="+this.lang;
            this.interaction.hLink(para);
        },
    }
    
}
</script>

<style lang="stylus" scoped>
*{
    box-sizing :border-box;
}
.linebox{
    width :100%;
    height :1.173333rem;
    line-height :1.173333rem;
    padding : 0 .266667rem;
    background-color :white;
    border-bottom :.026667rem solid #f1f1f1;
    position :relative;
    .txt{
        font-family:PingFangSC-Regular;
        font-size:.373333rem;
        color:#494949;
        letter-spacing:.005067rem;
        text-align:left;
    }
    .kefu{
        float :right;
        font-family:PingFangSC-Regular;
        font-size:.373333rem;
        color:#cb9c57;
        letter-spacing:.005067rem;
        text-align:right;
    }
    img{
        width :.16rem;
        height :.32rem;
        position :absolute;
        top:50%;
        margin-top :-0.16rem;
        right:.266667rem;
    }
}
</style>


